@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,h7,h8,input,li,p,ul,img,p,span{vertical-align:middle; }
* { margin:0;padding:0;list-style:none;-webkit-font-smoothing: subpixel-antialiased; font-smoothing: subpixel-antialiased; -ms-font-smoothing: subpixel-antialiased; }
/**{behavior: url(ie-css3.htc);}*/
h1,h2,h3,h4,h5,h6,h7,h8 { display:block;}
body,textarea{font-size:16px; background-color:#FFF;}
textarea{outline:none;resize:none; border:none; }
a {text-decoration:none;outline:0;cursor:pointer;}
input { border:none;}
img{border:0 none}
.rel { position:relative;}
.abs { position:absolute;}
.hidden{ display:none}
.fl {float:left}
.fr {float:right}
.tc {text-align:center;}
.tr { text-align:right;}

.ffa{
	font-family: arial!important;
}
/*适配第二个导航栏*/
a[name]{
	display: inline-block;
	float: left;
	transform: translateY(-65px);
}

.box { width:1080px; margin:0 auto;}
.col0{color:#FFF;}
.col1{color:#004098;}/*蓝色*/
.col1_i{color:#004098!important;}/*蓝色*/

.col2{color:#999;}/*灰色*/
.col_i_8{color:#004098!important;}/*蓝色*/

.bdc1{border-color:#004098!important;}/*蓝色*/

.va_tb{vertical-align:text-bottom;}

.multi_line {  display:-webkit-box;-webkit-box-orient: vertical; -moz-box-orient: vertical;-ms-box-orient: vertical; -webkit-line-clamp:2; -ms-line-clamp:2; -moz-line-clamp:2; line-clamp:2; overflow:hidden;  overflow:hidden; }/*溢出两行省略号*/

.nav,.apostrophe,.ipmL_box>span,.ipmL_box>p ,.H_Title p{  overflow:hidden; text-overflow:ellipsis;  white-space:nowrap;  word-break:keep-all; width: 100%;}/*溢出省略号*/
.cp,.iP_header>.ipH_select>div>p:hover{ cursor:pointer;}/*手势*/
.clear{clear: both;}


#hint{
	width:130px;
	height:70px;
	background-color:#000;
	color:#FFF;
	text-align: center;
	line-height:70px;
	opacity:0.5;
	filter:Alpha(opacity=50); 
	position: fixed;
	top:30vh;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 4px;
	display: none;
}


/*right*/
.AlwaysJuop{
	animation:myAmt .8s infinite ease-in;
	-moz-animation:myAmt .8s infinite ease-in ; /* Firefox */
	-webkit-animation:myAmt .8s infinite ease-in ; /* Safari and Chrome */
	-o-animation:myAmt .8s ease-in; /* Opera */
}

@keyframes myAmt
{
	0% {top:-60px}
	50% {top:-88px}
	100% {top:-60px}
}

@-moz-keyframes myAmt /* Firefox */
{
	0% {top:-60px}
	50% {top:-88px}
	100% {top:-60px}
}

@-webkit-keyframes myAmt /* Safari and Chrome */
{
	0% {top:-60px}
	50% {top:-88px}
	100% {top:-60px}
}

@-o-keyframes myAmt /* Opera */
{
	0% {top:-60px}
	50% {top:-88px}
	100% {top:-60px}
}


/*header*/
#pop_c{
	width:100%;
	height:100%;
	position: fixed;
	left:0;
	top:0;
	z-index:1000000;
}
#pop_c>.bg{
	position: fixed;
	z-index: -1;
	width:100%;
	height:100%;
	opacity:0.7;
	filter:alpha(opacity=70);
	background-color: #000;
}
#pop_c>.case{
	width:100%;
	height:308px;
	position: fixed;
	left:0;
	top:40%;
	text-align: center;
	margin-top: -129px;
	text-align: center;
}
#pop_c>.case>span{
	display: inline-block;
	width:302px;
	line-height:50px;
	color:#FFF;
	font-size: 24px;
}

#pop_c>.case>img{
	margin: 0 22px;
	height:258px;
}
/*#pop_c>img{
	height:200px;
	width:200px;
	position: fixed;
	top:50%;
	left:50%;
	margin-top:-100px;
	margin-left:-100px;
	text-align:center;
}*/

.header{
	position: relative;
	z-index:1;
	width:100%;
	height:100px;
	min-width:1366px;
	line-height: 100px;
}
.header:before{
	content: " ";
	opacity: 0.6;
	filter:alpha(opacity=60);
	width:100%;
	height: 1px;
	background-color:#FFF;
	display: block;
	transform: translateY(100px);
}
.header>a>img{
	margin:20px 0 20px 45px;
	height:60px;
	float:left;
}
.H_Title{
	position: relative;
	height:100px;
	float:right;
	font-size:16px;
	text-align: center;
}
.H_Title>a{
	display: inline-block;
	padding:0 30px;
	color: #FFF;
}
.header_box {
	padding-right:45px;
	display: inline-block;
	height:20px;
	margin: 40px 0;
	float:right;
}
.header_box>span{
	height: 20px;
	width:2px;
	background-color: #FFF;
	opacity:0.5;
	filter:alpha(opacity=50);
	float: left;
}
.header_box img,.header_box div {
	float:left;
	height:20px;
	margin-left: 12px;
}
.header_box>a>img {
	margin-left:37px;
}


.H_Title>.HL{
	top:100px;
	left:0;
	display: none;
	height: 0px;
	font-size:14px;
	width:130px;
	line-height: 50px;
	color: #FFF;
	z-index:2000000;
}


.H_Title>.HL .HL_box {
	display: none;
	overflow: hidden;
	left:132px;
	top:4px;
	position: absolute;
	font-size:14px;
	width:132px;
	line-height: 50px;
	color: #FFF;
	z-index:2000000;
}
.HL_box_line{
	opacity:0.8;
	filter:alpha(opacity=80);
	background-color: #000;
}
.header .HL_line,.HL_box_line>a{
	width:130px;
	color: #FFF;
	opacity:0.6;
	filter:alpha(opacity=60);
	background-color: #000;
}
.HL_line:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
}

.H_Title>.HL .HL_box p{
	background-color:#000;
	width:130px;
	margin-left:2px;
}

.HL_box_line:hover{
	color: #004098;
	opacity:1;
	filter:alpha(opacity=100);
}





/* foot 底部样式*/
.box_f{
	width:100%;
	background-color:#f3f3f3;
	height:432px;
}
.box_f>.foot{
	width:1080px;
	height:352px;
	margin: 0 auto;
}
.box_f>.foot>.left{
	width:168px;
	height:100%;
	float: left;
}
.box_f .left>.case{
	width:168px;
	height:166px;
}
.box_f .left>.case>img{
	margin-top: 54px;
}
.box_f .left>.case>span{
	color:#006ebc;
	font-size:19px;
	font-family:arial;
	float: left;
	margin-left:28px;
	margin-top:-19px;
	position: relative;
	z-index:10;
}
.box_f .left>.code{
	width:100%;
	height:156px;
}
.box_f .left>.code>img{
	width:80px;
	height:80px;
	float: left;
	margin-top:24px;
}
.box_f .left>.code>img:first-child{
	margin-right:5px;
}
.box_f .left>.code>span{
	color:#666666;
	font-size: 14px;
	text-align: center;
	line-height:14px;
	margin-top: 14px;
	width:50%;
	float:left;
}
.box_f .right{
	position: relative;
	left:22px;
	margin-top: 68px;
	width:888px;
	height:280px;
	float:right;
}
.box_f .right>.case{
	float: left;
	width:111px;
}
.box_f .right>.case>b{
	color:#555555;
	font-size: 16px;
	display: block;
	line-height:16px;
	margin-bottom: 38px;
}
.box_f .right>.case>a{
	margin-bottom: 24px;
	line-height: 14px;
	display: block;
	color:#666666;
	font-size: 14px;
}
.box_f .right>.case>a:hover{
	color: #004098;
}
.box_f>.toe{
	width:100%;
	height: 80px;
	background-color:#FFF;
}
.box_f>.toe .case{
	width:1080px;
	height:80px;
	margin: auto;
}
.box_f>.toe .left{
	margin:14px 0;
	color:#666666;
	font-size:14px;
	line-height: 26px;
	float:left;
}
.box_f>.toe .right{
	float:right;
	width:236px;
	padding:0 18px;
	height:42px;
	font-size: 12px;
	color:#333333;
	background-color:#f7f7f7;
	line-height: 42px;
	margin-top:19px;
	position: relative;
}
.box_f>.toe .right>img{
	float: right;
	margin-top:18px;
	height: 10px;
}
.box_f>.toe .right>.link{
	position: absolute;
	left:0;
	bottom:42px;
	width:236px;
	line-height:30px;
	padding:6px 18px;
	background-color:#FFFFFF;
	box-shadow:0 0 4px #B1B1B1;
	display: none;
}
.box_f>.toe .right>.link>a{
	display: block;
	color:#333333;
}
.box_f>.toe .right>.link>a:hover{
	color:#004098;
}
.box_f>.toe .right:hover>.link{
	display: block;
}


/*右部浮动栏*/
#FloatRight {
	z-index: 999;
	width:60px;
	position: fixed;
	right:35px;
	top:40%;
}
#FloatRight>.main {
	border:1px solid #e3e4e6;
	width:60px;
	background-color:#FFF;
}
#FloatRight>.main>img {
	top:-80px;
	left:-40px;
}
#FloatRight>.main>.case {
	display: block;
	position: relative;
	text-align: center;
	width:48px;
	height:48px;
	margin:6px;
	border-bottom:1px solid #e3e4e6;
}
#FloatRight>.main>.case>a {
	margin: 0;
}
#FloatRight>.main>.case:last-child {
	border-bottom:none;
}
#FloatRight>.main>.case>img,#FloatRight>.main>.case>a>img  {
	margin-top:50%;
	transform: translateY(-50%);
}
#FloatRight>.bTop {
	margin-top: 15px;
}
#FloatRight .line {
	display: none;
	text-align: center;
	width:170px;
	padding:0 5px;
	background-color:#e3e4e6;
	position: absolute;
	right:50px;
	top:0;
}
#FloatRight .line>img {
	height:20px;
	margin:13px 10px;
	float: left;
}
#FloatRight .line>p {
	font-size: 16px;
	font-family: arial;
	color: #727272;
	line-height: 46px;
}

#FloatRight .case:hover>.line {
	display: block;
}




.bnTitle{
	position: relative;
	margin-top: -100px;
	width:100%;
	height:480px;
	color:#FFF;
	text-align: center;
}

.bnTitle>img{
	position: absolute;
	z-index: -1;
	left: 0;
	top:0;
	width:100%;
	height: 100%;
}
.bnTitle>h5{
	font-size:60px;
	padding-top:235px;
	line-height:60px;
}
.bnTitle>p{
	font-size:40px;
	margin-top:30px;
	line-height:40px;
}



.pageTab{
	left:0;
	top:0;
	z-index: 999;
	width:100%;
	min-height:65px;
	text-align: center;
	line-height:63px;
}
/*下面线条*/
.pageTab:after{
	content: " ";
	width:100%;
	height:1px;
	background-color:#FFF;
	display: block;
	border-top:1px solid #e3e4e5; 
}
.pageTab a ,.pageTab>div{
	color:#666666;
	font-size:16px;
	display: inline-block;
	padding:0 30px;
}
/*下面线条*/
/*.pageTab>.line {
	width:100%;
	height:1px;
	background-color:#FFF;
	border-top: 1px solid #e3e4e5;
	display: block;
}*/
.nav{
	width:1060px;
	margin: 0 auto;
	height:80px;
	line-height: 64px;
	font-size: 14px;
	color: #999999;
}
.nav>a{
	color: #999999;
}
.nav>a:after{
	content:">";
	margin: 0 4px;
	color:#999;
}
.nav>span:first-child{
	color: #004098;
}
.nav>a:hover{
	color: #004098;
}

.nav>img{
	margin-top:24px;
	margin-right:10px;
}


/*page1*/
.pageJump{
	margin: 70px 0;
	width:100%;
	height: 100px;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}
.pageJump .line{
	height:49px;
	line-height: 49px;
}
.pageJump .line a{
	color: #333;
}
.pageJump a:first-child .line:after{
	content:" ";
	width:100%;
	height: 2px;
	background-color:#e3e4e5;
	display: block;
}
.pageJump .line:hover a{
	color:#004098;
}
.pageJump img{
	margin: 0 20px;
}
.pageJump p{
	color: #999999;
	font-size:14px;
	display: inline-block;
	margin-right: 44px;
}
.pageJump span{
	color: #333333;
	font-size:14px;
}

/*页码二*/
.page2{
	width:100%;
	height:34px;
	margin-top:15px;
	line-height: 34px;
	margin-bottom:40px;
}
.page2>.current{
	height: 34px;
	width: 34px;
	background-color:#004098;
	color:#FFF;
	display: inline-block;
    vertical-align: top;
}
.page2>.prev2,.page2>.next2,.page2>a,.disabled {
    vertical-align: top;
	display: inline-block;
	height: 32px;
	width:32px;
	border:1px solid #e3e4e5;
	color:#666666;
	margin:0 2px;
}
.page2>*:last-child{
	background:url(../img/arrows_right.png) center no-repeat;	
}
.page2>*:first-child{
	background:url(../img/arrows_left.png) center no-repeat;
}

@media  screen and (min-width:1601px) and (max-width:1700px) {
	.H_Title>a{
		padding: 0 20px;
	}
}

@media  screen and (min-width:1461px) and (max-width:1600px) {
	.H_Title>a{
		padding: 0 15px;
	}
}

@media screen and (max-width: 1460px) {
	.bnTitle{
		height:360px;
	}
	.bnTitle>h5{
		padding-top:170px;
	}
	.H_Title>a{
		padding: 0 10px;
	}
}